<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动定位</title>
		<!-- 浮动 float
		 浮动定位可以让元素脱离文档流，脱离文档流后会呈现靠左、右
		 作用：左右【页面区域】布局、图片与文本环绕
		 特点：一旦元素加浮动，变成块级元素【可设置高宽、独占一行】
		 
		 -->
		<link rel="stylesheet" href="浮动定位.css" />
	</head>
	<body>
		<!-- 四个空间 -->
		<div class="b1">1</div>
		<div class="b2">2</div>
		<div class="b3">3</div>
		<div class="b4">4</div>
		<span>2</span>
		<span>1</span>
	</body>
</html>